<!--
        @作者: 京涛
        @时间: 2020-09-12 09:07:53
        @最后修改时间: 2020-09-18 08:52:42
        @FilePath: \曲美家具项目\cabinetArea.html
        @项目名称: 每天都要记得写代码啊！
    -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
    <title>橱柜专区_曲美橱柜定制_曲美家居官网</title>
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/main.css" />
    <link rel="stylesheet" href="./css/cabinetArea.css" />
    <script src="./js/jQuery.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/cabinetArea.js"></script>
  </head>
  <body>
    <!-- 页面固定定位元素 -->
    <!-- 在线客服 -->
    <div class="serviceOnline">
      <div class="serviceOnlineLeft"></div>
      <a href="javascript:;" class="serviceOnlineRight"></a>
    </div>
    <!-- 右侧的返回顶部 -->
    <div class="navFixedInit">
      <ul>
        <li>
          <i class="iconfont icon-chizi"></i>
          <p>预约量尺</p>
        </li>
        <li>
          <i class="iconfont icon-dianhua"></i>
          <p>免费通话</p>
          <div class="navFixTel">400-6968898</div>
        </li>
        <li>
          <i class="iconfont icon-liwu"></i>
          <p>近期活动</p>
        </li>
        <li>
          <i class="iconfont icon-qrcode1"></i>
          <p>二维码</p>
          <div class="QMErWeiMa">
            <img src="./img/qmerweima.jpg" alt="" />
          </div>
        </li>
        <li class="topReturn">
          <i class="iconfont icon-fanhuidingbu"></i>
          <p>返回顶部</p>
        </li>
      </ul>
    </div>
    <!-- 底部的预约常驻 -->
    <div class="bottomFixed bottomFixedInit">
      <div class="bottomFixedMain">
        <div class="bottomFixedImg1 fl">
          <img src="./img/foot-o1.png" alt="" />
          <img src="./img/foot-c1.png" alt="" />
        </div>
        <div class="bottomFixedImg2 fl">
          <img src="./img/foot-o2.png" alt="" />
        </div>
        <div class="bottomFixedForm fl">
          <input type="text" placeholder="请输入姓名" />
          <input type="text" placeholder="请输入手机号" />
          <a href="javascript:;">免费预约</a>
        </div>
        <div class="bottomFixedImg3 fl">
          <img src="./img/foot-o3.png" alt="" />
          <img src="./img/foot-c2.png" alt="" class="showFixedImg" />
        </div>
        <div class="bottomFixedClose">
          <i class="iconfont icon-guanbi"></i>
        </div>
      </div>
    </div>
    <!-- 固定定位元素结束 -->
    <!-- 头部 -->
    <header class="top container clear">
      <a href="javascript:;">
        <img src="./img/logo.gif" alt="" />
      </a>
      <div class="topCenter fl">
        欢迎来到曲美家居
        <a href="javascript:;">EN</a>
        <div class="topDown">
          <div class="fl">设计创造生活</div>
          <div class="search_input">
            <a href="javascript:;">
              <img src="./img/fdj.png" alt="" />
            </a>
            <input type="text" placeholder="搜索" />
          </div>
          <div class="search_tag">
            <span>热门标签：</span>
            <a href="javascript:;">儿童房</a>
            <a href="javascript:;">现代简约风格</a>
            <a href="javascript:;">客厅</a>
          </div>
        </div>
      </div>
      <div class="topRight fr">
        早8:30到晚20:00贴心咨询
        <i class="icon"></i>
        <a href="javascript:;">400-6968898</a>
      </div>
    </header>
    <!-- nav -->
    <nav class="container clear">
      <div class="fl clear navLeft">
        <!-- 分类 -->
        <div class="sort fl clear">
          <img src="./img/nav.png" alt="" />
          <span>分类</span>
        </div>
        <!--隐藏的导航 -->
        <div class="sortDetails">
          <dl>
            <dt>
              空间产品分类
              <a href="/keting.html">更多 &gt;</a>
            </dt>

            <dd>
              <a href="/keting.html">客厅</a>

              ／ <a href="/canting.html">餐厅</a>
            </dd>
            <dd>
              <a href="/chufang.html">厨房</a>

              ／ <a href="/woshi.html">卧室</a>
            </dd>
            <dd>
              <a href="/ertongfang.html">儿童房</a>

              ／ <a href="/shufang.html">书房</a>
            </dd>
            <dd>
              <a href="/yimaojian.html">衣帽间</a>

              ／ <a href="/tatami.html">榻榻米</a>
            </dd>
            <dd>
              <a href="/xuanguan.html">玄关</a>

              ／ <a href="/yangtai.html">阳台</a>
            </dd>
            <dd>
              <a href="/weishengjian.html">卫生间</a>
            </dd>
          </dl>
        </div>
      </div>
      <!-- 导航栏选项 -->
      <div class="navMain fl">
        <ul>
          <li>
            <a href="index.html"> 首页 </a>
          </li>
          <li>
            <a href="preferentialActivities.html"> 优惠活动 </a>
          </li>
          <li>
            <a href="liveStyle.html"> 生活方式 </a>
          </li>
          <li>
            <a href="wholeHouseCustomization.html"> 全屋定制 </a>
          </li>
          <li>
            <a href="cabinetArea.html" class="checkedA"> 橱柜专区 </a>
          </li>
          <li>
            <a href="hotMoneyZone.html"> 爆款专区 </a>
          </li>
          <li>
            <a href="javascript:;"> 精彩案例 </a>
          </li>
          <li>
            <a href="javascript:;"> 家具体验馆 </a>
          </li>
          <li>
            <a href="javascript:;"> 生活馆 </a>
          </li>
        </ul>
      </div>
    </nav>
    <!-- 大图 -->
    <div class="cabBigPic">
      <a href="javascript:;">
        <img src="./img/cabinetArea/cabinetAreaBigPic.jpg" alt="" />
      </a>
    </div>
    <!-- 定制流程 -->
    <div class="cabOrderProgress">
      <div class="container">
        <div class="cabOrderTitle">
          <h2>定制流程</h2>
          <p>
            曲美整体厨房以美学为基础，从材料到工艺，打造绿色餐厨空间，为客户提供一站式解决方案呈现令人向往的厨房生活方式范本，让人们爱上了下厨。
          </p>
        </div>
        <div class="cabOrderIcons">
          <ul>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon1.png" alt="" />
              </div>
              <p>1 专业顾问咨询</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon2.png" alt="" />
              </div>
              <p>2 预约设计师</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon3.png" alt="" />
              </div>
              <p>3 上门量尺</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon4.png" alt="" />
              </div>
              <p>4 量身定制餐厨空间</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon5.png" alt="" />
              </div>
              <p>5 确定方案</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon6.png" alt="" />
              </div>
              <p>6 订单生产</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon7.png" alt="" />
              </div>
              <p>7 上门安装</p>
            </li>
            <li>
              <div class="cabOrderIcon">
                <img src="./img/cabinetArea/cabOrderIcon8.png" alt="" />
              </div>
              <p>8 爱+服务</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 中间的镜子照片展示 -->
    <div class="cabMirror">
      <div class="cabMirrorBg">
        <img src="./img/cabinetArea/cabMirrorBg01.jpg" alt="" />
      </div>
      <div class="cabMirrorBox">
        <div class="cabMirrorText">
          <h2>
            <a href="javasscript:;">自如系列</a>
          </h2>
          <p>
            独具匠心的弯曲木门板设计，简约而不简单
            清新纯净的原木色与简练的线条结合 恰如精致生活中态度与品位的完美呈现
            春夏秋冬，四时交替，是季节的曲线 简单大方，时尚流畅是曲美的曲线
          </p>
        </div>
        <div class="cabMirrorSlide">
          <div class="slideImg">
            <ul>
              <li class="currentLi2">
                <img src="./img/cabinetArea/cabSlideImg01.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg02.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg03.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg04.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg05.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg06.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg07.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg08.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg09.jpg" alt="" />
              </li>
              <li>
                <img src="./img/cabinetArea/cabSlideImg10.jpg" alt="" />
              </li>
            </ul>
          </div>
          <div class="slidePoint">
            <div class="pointLeft">
              <i class="iconfont icon-xiaoyuhao"></i>
            </div>
            <div class="pointRight">
              <i class="iconfont icon-xiaoyuha"></i>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 清洁方便 -->
    <div class="cleanComfortable">
      <div class="container clear">
        <div class="cleanComLeft">
          <h2>清洁方便</h2>
          <p>
            曲美整体厨房石英石台面，石英含量93%以上超强硬度，吸水率仅0.01%，不仅防水防潮，而且清洁更方便。
          </p>
          <div class="cleanComLeftImg clear">
            <div class="borderShowImg fl">
              <img src="./img/cabinetArea/cleanComLeftImg01.jpg" alt="" />
            </div>
            <div class="borderShowImg fl">
              <img src="./img/cabinetArea/cleanComLeftImg02.jpg" alt="" />
            </div>
          </div>
        </div>
        <div class="cleanComRight">
          <div class="borderShowImg">
            <img src="./img/cabinetArea/cleanComRight.jpg" alt="" />
          </div>
        </div>
      </div>
    </div>
    <!-- 空间收纳 -->
    <div class="spaceAccept">
      <div class="container">
        <h2>空间收纳</h2>
        <div class="spaceAcceptImg">
          <div class="spaceAcceptLeft">
            <div class="borderShowImg">
              <img src="./img/cabinetArea/spaceAcceptLeft.jpg" alt="" />
            </div>
            <div class="spaceAcceptLeftText">
              合理舒适的厨柜高度，可以减轻操作强度，提高操作效率;曲美科学测量，为您量身打造最佳操作高度。曲美整体厨房收纳系统，可以增加30%空间利用率,
              让厨房中每一件物品都有专属位置，收纳起来井井有条。
            </div>
          </div>
          <div class="spaceAcceptMiddle"></div>
          <div class="spaceAcceptRight">
            <div class="borderShowImg">
              <img src="./img/cabinetArea/spaceAcceptRight1.jpg" alt="" />
            </div>
            <div class="borderShowImg">
              <img src="./img/cabinetArea/spaceAcceptRight2.jpg" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 专注细节 -->
    <div class="container detailOriented">
      <h2>专注细节</h2>
      <div class="detailImg">
        <div class="detailImgLeft">
          <div class="borderShowImg">
            <img src="./img/cabinetArea/detailImgLeft01.jpg" alt="" />
          </div>
          <div class="borderShowImg">
            <img src="./img/cabinetArea/detailImgLeft02.jpg" alt="" />
          </div>
        </div>
        <div class="spaceAcceptMiddle"></div>
        <div class="detailImgRight">
          <div class="borderShowImg">
            <img src="./img/cabinetArea/detailImgRight.jpg" alt="" />
          </div>
          <h3>曲美整体厨房选用全球行业优质品牌原材料，绿色环保，经久耐用</h3>
          <div class="detailImgRightText">
            我们始终构想超前，因此缔造空前。为你实现生活的美好想象！为你定制你自己的家！打破原有定制家具的局限，实现全尺寸的家具定制。从而很好的满足了不同户型的家装需求.
          </div>
        </div>
      </div>
    </div>
    <!-- 多元的设计风格 -->
    <div class="manyStyle">
      <div class="container">
        <h2>多元的设计风格</h2>
        <h4>
          曲美整体厨房设计风格多元化，从混搭到北欧风，从经典简约到欧式古典总能找到一款您中意的设计
        </h4>
        <div class="manyStyleImg">
          <div class="manyStyleImgLeft">
            <div class="borderShowImg">
              <img src="./img/cabinetArea/manyStyleImgLeft.jpg" alt="" />
            </div>
          </div>
          <div class="manyStyleImgSpace"></div>
          <div class="manyStyleImgMiddle">
            <div class="borderShowImg">
              <img src="./img/cabinetArea/manyStyleImgMiddle01.jpg" alt="" />
            </div>
            <div class="borderShowImg">
              <img src="./img/cabinetArea/manyStyleImgMiddle02.jpg" alt="" />
            </div>
          </div>
          <div class="manyStyleImgSpace"></div>
          <div class="manyStyleImgRight">
            <div class="borderShowImg">
              <img src="./img/cabinetArea/manyStyleImgRight.jpg" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 品质保证 -->
    <div class="qualitySure">
      <div class="container">
        <h2>品质保证</h2>
        <h4>
          曲美整体厨房设计风格多元化，从混搭到北欧风，从经典简约到欧式古典总能找到一款您中意的设计
        </h4>
        <ul class="qualityLogo">
          <li>
            <img src="./img/cabinetArea/qualityLogo01.png" alt="" />
          </li>
          <li>
            <img src="./img/cabinetArea/qualityLogo02.png" alt="" />
          </li>
          <li>
            <img src="./img/cabinetArea/qualityLogo03.png" alt="" />
          </li>
          <li>
            <img src="./img/cabinetArea/qualityLogo04.png" alt="" />
          </li>
          <li>
            <img src="./img/cabinetArea/qualityLogo05.png" alt="" />
          </li>
          <li>
            <img src="./img/cabinetArea/qualityLogo06.png" alt="" />
          </li>
          <li>
            <img src="./img/cabinetArea/qualityLogo07.png" alt="" />
          </li>
        </ul>
      </div>
    </div>
    <!-- 底部 -->
    <footer class="clear">
      <div class="footerTop">
        <div class="footerTopBg"></div>
        <div class="iconList">
          <ul>
            <li>
              <div class="footIcon">
                <i class="iconFreeDoor"></i>
              </div>
              <h3>免费上门量尺</h3>
              <p>measurement</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconFreeDesign"></i>
              </div>
              <h3>免费设计</h3>
              <p>DESIGN</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconIntegrationOf"></i>
              </div>
              <h3>配送安装一体化</h3>
              <p>integration of</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconQuality"></i>
              </div>
              <h3>品质保证</h3>
              <p>quality of</p>
            </li>
            <li>
              <div class="footIcon">
                <i class="iconEnvironmental"></i>
              </div>
              <h3>环保材料</h3>
              <p>Environmental</p>
            </li>
          </ul>
        </div>
      </div>
      <div class="footerBottom">
        <div class="footerBottomMain clear">
          <div class="footerBottomLeft">
            <h3>全国客服热线</h3>
            <div class="footerTel">400-6968898</div>
            <a href="javascript:;" class="buttonPublic footerButton"
              >招商合作申请</a
            >
          </div>
          <div class="footerBottomMiddle clear">
            <ul>
              <li class="aboutUs">
                <h2>
                  <a href="javascript:;">关于我们</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">企业介绍</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">曲美大事记</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">品牌荣誉</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">品牌大片</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">企业动态</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">绿色环保</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">企业负责</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">设计师联盟</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">旗下产品</a>
                  </dd>
                </dl>
              </li>
              <li class="businessTogether">
                <h2>
                  <a href="javascript:;">招商合作</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">招商加盟</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">人才招聘</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">商务采购</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">投资者关系</a>
                  </dd>
                </dl>
              </li>
              <li class="serviceSupport">
                <h2>
                  <a href="javascript:;">服务支持</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">定制流程</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">全国实体门店</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">商务采购</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">投资者关系</a>
                  </dd>
                </dl>
              </li>
              <li class="livePlace">
                <h2>
                  <a href="javascript:;">生活馆</a>
                </h2>
                <dl>
                  <dd>
                    <a href="javascript:;">你+生活馆</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">居+生活馆</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">B8全屋定制</a>
                  </dd>
                  <dd>
                    <a href="javascript:;">高端生活馆</a>
                  </dd>
                </dl>
              </li>
            </ul>
          </div>
          <div class="footerBottomRight">
            <ul>
              <li>
                <img src="./img/footerRight1.jpg" alt="" />
                <p>关注订阅号</p>
              </li>
              <li>
                <img src="./img/footerRight2.jpg" alt="" />
                <p>关注服务号</p>
              </li>
            </ul>
          </div>
        </div>
        <div class="footer_copyright container">
          <div class="footerLink fl">
            <a href="javascript:;">联系我们</a>
            <a href="javascript:;">站点地图</a>
            <a href="javascript:;">友情链接</a>
          </div>
          <div class="footer_text fr">
            Copyright © 2020 北京曲美馨家商业有限公司. All Rights Reserved
            京ICP备 05013501号
            <span>技术支持 中企高呈</span>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
